page {
    background: #F3F5F8;
}

.mine-box {
    padding: 0rpx 0 190rpx;
    box-sizing: border-box;
    width: 100%;

    .igywd-hu {
        width: 686rpx;
        height: 760rpx;
        background: #FFFFFF;
        border-radius: 8rpx;
        margin-top: 20rpx;
        padding: 42rpx 32rpx;
        box-sizing: border-box;
        .eg_sdgyw {
            display: flex;
            align-items: center;
            padding-bottom: 56rpx;
            box-sizing: border-box;
            .egf_ungwd{
                width: 40rpx;
                height: 40rpx;
            }
            .tuanduiguan {
                font-size: 28rpx;
                font-family: PingFang SC-Regular, PingFang SC;
                font-weight: 400;
                color: #303030;
                line-height: 48rpx;
                padding-left: 20rpx;
            }
        }
    }

    .e_ygyw {
        padding: 0 32rpx;
        box-sizing: border-box;
        width: 100%;

        .eg_gtftwd {
            margin-top: 20rpx;
            display: flex;
            justify-content: space-between;

            .ergh_gywd {
                width: 220rpx;
                height: 90rpx;
                background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 28%);
                border-radius: 12rpx;
                border: 2rpx solid #FFFFFF;
                display: flex;
                justify-content: center;
                align-items: center;

                .eg_huywd {
                    width: 48rpx;
                    height: 48rpx;
                }

                .wodekucun {
                    font-size: 24rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #303030;
                    line-height: 28rpx;
                    padding-left: 14rpx;
                }
            }
        }

        .ftwd_gw {
            width: 100%;
            height: 220rpx;
            background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 28%);
            border-radius: 12rpx;
            border: 2rpx solid #FFFFFF;
            padding: 28rpx 32rpx;
            box-sizing: border-box;

            .eg_hywd {
                display: flex;
                justify-content: space-between;

                .eg_gwd {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }
            }

            .dingdan {
                font-size: 28rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 600;
                color: #000000;
                line-height: 33rpx;
                padding-bottom: 10rpx;
            }

            .eg_daigwf {
                font-size: 24rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #646466;
                line-height: 28rpx;
                padding-top: 20rpx;
                box-sizing: border-box;
            }

            .ef_icis {
                width: 52rpx;
                height: 48rpx;
            }

            .gywdyiwa {
                width: 52rpx;
                height: 46rpx;
            }
        }
    }

    .user-info {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;

        // 迭代样式
        .gea_vie {
            width: 100%;
            height: 36vh;

            .eg_gi {
                width: 100vw;
                padding-left: 16rpx;
                box-sizing: border-box;
            }

            .igywd_gwd {
                position: absolute;
                top: 25rpx;
                left: 0;
                width: 100%;
                z-index: 9;


                .eg_ergy {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    justify-content: space-around;

                    .tiixand {
                        width: 132rpx;
                        height: 48rpx;
                        background: linear-gradient(270deg, #F5BC9B 0%, #F9E1CD 100%);
                        border-radius: 27rpx 27rpx 27rpx 27rpx;
                        text-align: center;
                        line-height: 48rpx;
                    }

                    .gr_gywd {
                        width: 0rpx;
                        height: 34rpx;
                        border: 2rpx solid #DADADA;
                    }


                }
            }

            .et_gyd {
                font-size: 24rpx;
                font-family: Roboto-Medium, Roboto;
                font-weight: 500;
                color: #F4CA85;
                line-height: 28rpx;
                padding-bottom: 6rpx;
                box-sizing: border-box;
            }

            .huwd_ygywd {
                font-size: 36rpx;
                font-family: DIN Alternate-Bold, DIN Alternate;
                font-weight: bold;
                color: #FFFFFF;
                line-height: 42rpx;

                .danwieda {
                    font-size: 24rpx;
                    font-family: Roboto-Medium, Roboto;
                    font-weight: 500;
                    color: #FFFFFF;
                    line-height: 28rpx;
                }
            }

            .ef_infw {
                width: 23rpx !important;
                height: 23rpx !important;
            }

            .nanem_gwd {
                font-size: 36rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #000000;
                line-height: 42rpx;

            }

            .wef_zhuangd {
                font-size: 24rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #999999;
                line-height: 28rpx;
                padding: 10rpx 0 8rpx 0;
                box-sizing: border-box;
            }

            .eg_twd {
                padding-top: 12rpx;
                box-sizing: border-box;
                display: flex;
            }

            .yudwd {
                font-size: 24rpx;
                font-family: PingFang SC-Regular, PingFang SC;
                font-weight: 400;
                color: #979797;
                line-height: 28rpx;
            }

            .eg_yywd:nth-child(1) {
                padding-left: 0;
            }

            .eg_yywd {
                display: flex;
                flex-direction: column;
                padding-left: 132rpx;
                box-sizing: border-box;
            }

            .eg_tftwd {

                padding-top: 36rpx;
                box-sizing: border-box;

                .eg_gygtwd {
                    position: relative;
                }
            }

            .e_gywd {
                width: 100%;
            }

            .eg_gygwd {
                font-size: 36rpx;
                font-family: DIN Alternate-Bold, DIN Alternate;
                font-weight: bold;
                color: #000000;
                line-height: 42rpx;
            }

            .eg_gywd {
                position: absolute;
                top: 66rpx;
                left: 0;
                width: 100%;
                padding: 0 42rpx 0 32rpx;
                box-sizing: border-box;
            }

            .gywd_gyw {
                display: flex;
                justify-content: space-between;
            }

            .e_hygw {
                position: relative;
                z-index: 10;
            }

            .eg_xiaofe {
                font-size: 20rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 23px;

            }

            .et_viwew {
                height: 40rpx;
                background: #B0D5C8;
                border-radius: 100rpx 100rpx 100rpx 100rpx;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                padding: 0 20rpx;
                box-sizing: border-box;

            }

            .ef_gfdw {
                width: 120rpx;
                height: 120rpx;
                border-radius: 50rpx;
                position: relative;
            }

            .huhuw {
                width: 102rpx;
                height: 40rpx;
                background: linear-gradient(90deg, #8B8B8B 0%, #323130 100%);
                border-radius: 100rpx 100rpx 100rpx 100rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                bottom: -20rpx;
                left: 9rpx;
            }

            .ef_gywd {
                width: 120rpx !important;
                height: 120rpx !important;
                border-radius: 50rpx;
            }

            .gunerr {
                font-size: 24rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 28rpx;
            }
        }

        .avatar {
            width: 140rpx;
            height: 140rpx;
            border-radius: 140rpx;
            background: rgba(255, 135, 135, .09);
            padding: 20rpx;
            margin-right: 40rpx;

            image {
                width: 100%;
                height: 100%;
                border-radius: 120rpx;
                display: block;
            }
        }

        .info-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20rpx;
            width: 500rpx;

            .user-name {
                font-size: 36rpx;
                color: #333333;
                font-weight: bold;
                margin-right: 20rpx;
                width: 296rpx;
            }

            .user-type {
                background: linear-gradient(180deg, rgba(164, 215, 255, 1) 0%, rgba(79, 127, 255, 1) 100%);
                border-radius: 22rpx;
                padding: 2rpx 20rpx;
                color: white;
                font-size: 24rpx;
            }
        }

        .info-bottom-box {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .info-bottom {
                display: flex;
                align-items: center;

                .txt1 {
                    color: #666666;
                    font-size: 24rpx;
                    margin-right: 20rpx;
                }

                .copy {
                    border: 1rpx solid #F1AE87;
                    border-radius: 22rpx;
                    width: 60rpx;
                    padding: 0 10rpx 2rpx;
                    text-align: center;
                    font-size: 18rpx;
                    color: #F1AE87;
                }
            }

            .be-vip {
                font-size: 24rpx;
                background-image: linear-gradient(180deg, #FB984B, #FAC64C);
                padding: 4rpx 8rpx;
                color: white;
                border-radius: 8rpx;
            }
        }


        .login {
            background: transparent;
            outline: none;
            border: none;
            text-align: left;
        }
    }

    // .user-info::after {
    //     content: '';
    //     position: absolute;
    //     left: 0;
    //     bottom: -20rpx;
    //     width: 100%;
    //     height: 2rpx;
    //     // background: #D6D6D6;
    //     box-shadow: 0 2rpx 6rpx 0 #D6D6D6;
    //     z-index: 10;
    // }

    .banner {
        width: 100%;
        margin-bottom: 24rpx;

        image {
            width: 100%;
        }
    }

    .benefits {
        width: 690rpx;
        height: 444rpx;
        position: relative;
        z-index: 1;

        .img-bg {
            width: 690rpx;
            height: 444rpx;
            position: relative;
            z-index: 1;
            display: block;
        }

        .benefits-box {
            width: 690rpx;
            height: 444rpx;
            position: absolute;
            z-index: 2;
            color: white;
            left: 0;
            top: 0;
            padding: 40rpx;
            box-sizing: border-box;

            .b-title {
                padding: 0 20rpx 30rpx;
                border-bottom: 1rpx solid rgba(255, 255, 255, .2);
                display: flex;
                align-items: center;
                justify-content: space-between;

                .b-txt1 {
                    font-size: 48rpx;
                    font-weight: bold;
                }

                .more3 {
                    image {
                        width: 16rpx;
                        height: 28rpx;
                        display: block;
                    }
                }
            }

            .type-benefits {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 30rpx 20rpx;
                border-bottom: 1rpx solid rgba(255, 255, 255, .2);
                color: white;
                font-size: 32rpx;

                .type {
                    text-align: center;

                    .t-txt2 {
                        font-weight: bold;
                        margin-bottom: 10rpx;
                    }

                }
            }

            .withdraw {
                display: flex;
                align-items: center;
                color: white;
                padding: 30rpx 20rpx 0;

                .w-txt {
                    font-size: 28rpx;
                    margin-right: 36rpx;
                }

                .w-txt2 {
                    font-size: 60rpx;
                    font-weight: bold;
                }
            }
        }



    }

    .benefits::after {
        content: '';
        width: 608rpx;
        height: 456rpx;
        position: absolute;
        z-index: 0;
        // background: linear-gradient(139deg, rgba(35, 31, 28, 1) 0%, rgba(38, 23, 23, 1) 100%);
        border-radius: 24rpx;
        opacity: 0.29;
        filter: blur(24px);
        top: 14rpx;
        left: 41rpx;
    }

    .door {
        width: 100%;
        padding: 40rpx;
        box-sizing: border-box;
        background: white;
        border-radius: 20rpx;
        box-shadow: 0 14rpx 46rpx 0 rgba(0, 0, 0, 0.04);
        margin-top: 30rpx;

        .door-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 48rpx;
            font-weight: bold;
            color: #535353;

            .image {
                width: 16rpx;
                height: 28rpx;
                display: block;
            }
        }

        .door-body {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20rpx;

            .body-item {
                // padding: 20rpx 40rpx 0;
                width: 60rpx;
                font-size: 32rpx;
                color: #535353;
                font-weight: 500;
                margin-top: 20rpx;
                width: 33%;
                display: flex;
                flex-direction: column;
                align-items: center;

                .image {
                    width: 60rpx;
                    height: 60rpx;
                    display: block;
                    margin-top: 20rpx;
                }
            }
        }



    }

    .door1 {
        margin-top: 30rpx;
    }

    .my-menus {
        box-shadow: 0px 14rpx 46rpx 0rpx rgba(0, 0, 0, 0.04);
        border-radius: 20rpx;
        background: white;
        padding: 0rpx 40rpx;

        .menu1 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 40rpx;
            border-bottom: 1rpx solid #F5F5F5;

            .m-title1 {
                font-size: 48rpx;
                color: #535353;
                font-weight: bold;
            }

            .more2 {
                width: 16rpx;
                height: 28rpx;
                display: block;
            }
        }

        .menu2 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 30rpx 0;
            border-bottom: 1rpx solid #F5F5F5;
            width: 100%;
            background: none;
            font-weight: normal;

            .menu2-left {
                display: flex;
                align-items: center;

                .menu-ico {
                    display: block;
                    width: 48rpx;
                    height: 48rpx;
                    margin-right: 40rpx;
                }

                .menu-ico2 {
                    width: 36rpx;
                    height: 48rpx;
                    display: block;
                    margin: 0 40rpx 0 6rpx;
                }

                .m-name {
                    color: #666666;
                    font-size: 32rpx;
                    font-size: bold;
                }
            }

            .more1 {
                width: 16rpx;
                height: 28rpx;
                display: block;
            }

        }

        .menu3 {
            border-bottom: 0;
            width: 100%;
            background: none;
            padding-bottom: 0;
            font-weight: normal;
        }

    }

    .btn-logout {
        width: 100%;
        height: 100rpx;
        border-radius: 24rpx;
        background: #F1AE87;
        color: white;
        font-size: 36rpx;
        text-align: center;
        line-height: 100rpx;
        margin-top: 30rpx;
        font-weight: 500;
        box-shadow: 0px 14rpx 46rpx 0rpx rgba(0, 0, 0, 0.04);
    }
}


.no-login {
    font-size: 36rpx;
    text-align: center;

    .ico-loading {
        width: 40rpx;
        height: 40rpx;
    }
}

view,
image {
    // outline: 1rpx solid red;
}